<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        //使用原子组时(不使用全局模式时)，结果会加到数组当中 使用 ?表示匹配时可有可无，?:表示忽略，不加到数组中(不能使用$1，2....了)
        let web=`<h1>efsfsef</h1>`;
        //  \1表示取原子组的第一个
        let reg=/<(h[1-6])>([\s\S]+)<\/\1>/g;
        console.log(web.match(reg));
        //替换原子组的内容  $2表示下面使用第二个原子组(顺序是从左往右数第几个括号，括号套括号也是一样的)
        console.log(web.replace(reg,`<p>$2</p>`));
       
        
        //?表示可有可无、
        let web1=`https://www.baidu.com`;
        let reg1=/https?:\/\/((?:\w+\.)?\w+\.(?:com|cn|org))/i;//www.可能没有 cn com org s 都可能没有
        console.log(web1.match(reg1));
        // ['https://www.baidu.com', 'www.baidu.com', index: 0, input: 'https://www.baidu.com', groups: undefined]
    </script>
</body>
</html>